<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" href="../css/custom-bootstrap.css">
  <link rel="stylesheet" href="../css/a.css">
  <script src="../js/jquery.min.js">
  </script>
</head>

<body>
  <div class="wrap" id="wrap">
    <div class="lists pull-right">
      <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
        <div class="carousel-inner" role="listbox">
          <div class="item active">
            <img src="../images/01.jpg" alt="...">
          </div>
          <div class="item">
            <img src="../images/02.jpg" alt="...">
          </div>
        </div>


        <a class="icon-prev" style="color:black;" href="#carousel-example-generic" role="button" data-slide="prev">

          <i class="icon-angle-left"></i>
        </a>
        <a class="icon-next" style="color:black;" href="#carousel-example-generic" role="button" data-slide="next">
          <i class="icon-angle-right"></i>
        </a>
      </div>
    </div>
    <div class="lists pull-right">
      <div id="item1" class="carousel slide pull-right" data-ride="carousel">

        <div class="carousel-inner" role="listbox">
          <div class="item active">
            <img src="../images/03.jpg" alt="...">
          </div>
          <div class="item">
            <img src="../images/04.jpg" alt="...">
          </div>
        </div>


        <a class="icon-prev" style="color:black;" href="#item1" role="button" data-slide="prev">
          <i class="icon-angle-left"></i>
        </a>
        <a class="icon-next" style="color:black;" href="#item1" role="button" data-slide="next">
          <i class="icon-angle-right"></i>
        </a>
      </div>
    </div>
    <div class="lists pull-right">

      <div id="item2" class="carousel slide" data-ride="carousel">
        <div class="carousel-inner" role="listbox">
          <div class="item active">
            <img src="../images/05.jpg" alt="...">
          </div>
          <div class="item">
            <img src="../images/06.jpg" alt="...">
          </div>
        </div>

        <a class="icon-prev" style="color:black;" href="#item2" role="button" data-slide="prev">

          <i class="icon-angle-left"></i>
        </a>
        <a class="icon-next" style="color:black;" href="#item2" role="button" data-slide="next">
          <i class="icon-angle-right"></i>
        </a>
      </div>


    </div>

  </div>
  <div id="sketch" style="width:720px;height:484px;">
    <div class="tem">
      <div class="big" id="big">
        <div id="con">
          <div id="item0" class="carousel slide" data-ride="carousel">
            <div class="carousel-inner" role="listbox" id="flag">
              <div class="item">
                <img src="../images/07.jpg" alt="...">
              </div>
              <div class="item active">
                <img src="../images/06.jpg" alt="...">
              </div>
            </div>

            <a class="icon-prev" style="color:black;" href="#item0" role="button" data-slide="prev">
              <i class="icon-angle-left"></i>
            </a>
            <a class="icon-next" style="color:black;" href="#item0" role="button" data-slide="next">
              <i class="icon-angle-right"></i>
            </a>
          </div>

        </div>

      </div>
    </div>
    <canvas id="paint"></canvas>
  </div>
  <form>
    <div style="overflow:hidden">
      <div class="pull-left">
        <label for="pencil">画笔</label>
        <input id="pencil" type="radio" name="tool" value="pencil" checked>
      </div>
      <div class="pull-left" style="margin:0 10px;">
        <label for="eraser">橡皮擦</label>
        <input id="eraser" type="radio" name="tool" value="eraser">
      </div>
      <a id="appear">显示标记</a>
    </div>
    <div class="pull-left">
      <input id="Text" name="a" style="width:500px;height:50px;" placeholder="这里写路径的信息">
      <div id="save">保存</div>
    </div>
    <div class="pull-right">
      <div class="messageInfo" id="messageInfo">

      </div>
    </div>
  </form>
  <!-- <canvas id="chart" width="720" height="484" style="border:solid 1px #333"></canvas> -->
  <script src="../js/jquery.min.js">
  </script>

  <script src="../js/bootstrap.js">
  </script>
  <script src="../js/index.js">
  </script>
</body>

</html>
